@charset "UTF-8";
@import "../common/scss/mobile";
@import "../common/scss/mixins";
@import "../common/scss/sprites";

body{    height:100%;}
.avatar-box{
  height:16rem;
  position:relative;
  z-index:2;
  overflow: visible;
  .avatar-box-inner{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:16.7rem;
		  background:url(/images/center-bg.png) no-repeat left top;
		  background-size:100%;
  }
}
.avatar{
  width:80%;
  padding-top:1.4rem;
  margin:0 auto;
  text-align:center;
  .avatar-img{
	  width:7.6rem;
	  height:7.6rem;
	  margin:0 auto;
	  overflow:hidden;
    img {
	   display:block;
       width:90%;
	   height:90%;
       border-radius: 50%;
       padding:5%;
       background-color:#c6ebce;
    }
  }
  .uname,.mobile{
		padding-top:0.4rem;
        font-size:$fs15;
        color:#ffffff;
  }
}
.icon-user-order{
	@include mix-user-order();
}
.icon-user-coupon{
	@include mix-user-coupon();
}
.icon-right{
	@include mix-right();
}
.icon-unpay{
	@include mix-unpay();
}
.icon-card{
	@include mix-card();
}
.user-link{
   padding:1.4rem 1.4rem 2rem;
  .item-link{
     @extend .flex-row;
        font-size:$fs15;
         color:$color01;
     &>.title{
	     white-space: nowrap;
         @extend .flex-item;
		 span{
		    display:inline-block;
			width:2.8rem;
			&.unpaytext{
			   display:inline;
			   position:relative;
			   i{
			      position:absolute;
				  right:-1.5rem;
				  top:-0.4rem;
				  @include radius(50%);
			      padding: 0 0.5rem;
				  color:$color10;
				  font-size:$fs10;
				  background-color:#fd3f67;
			   }
			}
		 }

        color:$color03;
     }
	 .icon-right{
	    margin-left:0.8rem;
	 }
  }

}
.hr{
  background-color:$border01;
  height:1.5px;
  width:100%;
  font-size:0;
  overflow:hidden;
}
@import "../common/scss/utilities";